<?php echo $this->doctype(); ?>
<html>
<head>
    <?php echo $this->headMeta(); ?>
    <?php echo $this->headTitle(); ?>
    <?php echo $this->headLink(); ?>
    <link rel='stylesheet' href="<?php echo $this->baseUrl().'/js/colorpicker/css/colorpicker.css'?>" type='text/css' />
</head>
<body>
    <div id="menu-wrapper"></div>
    <header id="header">
        <section id="header-content">
            <div id="hgroup-logo">        
                    <a href="<?php echo $this->baseUrl(); ?>" title="Saftikado backoffice">
                        <h1>Saftikado backoffice</h1>
                    </a>
            </div>            
            <div id="user-block"><?php echo $this->userline; ?></div>     
            <nav id="menu"><?php echo $this->navigation()->menu(); ?></nav>            
        </section>
    </header>
    <div id="wrapper">
        <div id="content-wrapper">            
                <section id="content">                                    
                    <?php echo $this->layout()->content; ?>                       
                </section>
        </div>        
        
    </div>    
    <div id="footer-wrapper">
        <footer id="footer">
            <div id="footer-content">
                <p>© 2012 Safti-Kado NV - Massemsesteenweg 60, 9230 Wetteren, Belgium - T +32 9 369 23 96 - F +32 9 366 13 06</p>
            </div>
        </footer>
    </div>
<?php echo $this->headScript(); ?>
    <?php echo $this->jQuery(); ?>
<?php 
    echo $this->headScript()->appendFile( $this->baseUrl().'/js/colorpicker/js/jquery.js');
    echo $this->headScript()->appendFile( $this->baseUrl().'/js/colorpicker/js/colorpicker.js');
?>
<!-- OUDE JQUERY!!-->
<script type="text/javascript" src="scripts/jquery-1.4.4.js"></script>
<script type="text/javascript">		
        //alert('alert');
//	$("#AFDELINGEN g").css("visibility", "hidden");	
        $("ul li a").hover(
                function(event)
                {					
                        var string1 = 'g #' + event.target.id;
                        var string1 = string1.replace('id', '');
                        $(string1).css("display", "block");
                        //alert(string1);                         
                },
                function(event)
                {
                        var string1 = 'g #' + event.target.id;
                        var string1 = string1.replace('id', '');
                        $(string1).css("display", "none");			
                        //alert(string1);
                }  
        );
</script>  
<script>
$('#department_color').ColorPicker({

      onSubmit: function(hsb, hex, rgb) {

                  $('#department_color').val('#' + hex);
      }
})
</script>
</body>
</html>
